body{
	font-family: serif,"微软雅黑";
	background: url(../images/profile/bg.png);
}

.left{float:left;}
.right{float: right;}

.container{
	width: 770px;
	height: 1500px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	background: url(../images/profile/bgMain.jpg) no-repeat;
	z-index: 100;
}

/* header */
.logo{
	display: inline-block;
	font-size: 32px;
	font-weight:700;
	letter-spacing: 0.5em;
	position: absolute;
	top:40px;
	left:85px;
}

header nav{
	position: absolute;
	top: 45px;
	right:80px;
}

header nav ul{list-style: none;}

header nav ul li{
	float: left;
	width: 70px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: 35px;
	font-size: 20px;
	font-weight: 700;
}

header nav ul li:hover{
	background: url(../images/profile/hover_effect.png) left bottom no-repeat;
}

header nav ul li a:link, header nav ul li a:visited{
	color: #000;
}

header nav ul li a:hover, header nav ul li a:active{
	color: #f00;
	text-decoration: none;
}

/*  background */
.sider img{
	display: block;
}

.sider #cupbg{
	position: absolute;
	top:30px;
	left:850px;
	z-index: 0;
}

.sider #cup{
	position: absolute;
	top:20px;
	left:1230px;
}

.sider #cupshadow{
	position: absolute;
	top:140px;
	left:1270px;
	opacity: 0.5;
}
.sider #pen{
	position: absolute;
	top:160px;
	left:1220px;
}

.sider #note{
	position: absolute;
	top:300px;
	left:1320px;
}

.sider #iphone{
	position: absolute;
	top:400px;
	left:1230px;
}
/* section */
section{
	width:625px;
	position: absolute;
	top: 120px;
	left:85px;
}

.title{
	font-size: 20px;
	font-weight: 700;
}

section article{
	margin-bottom: 15px;
}

.lianxi div{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	margin-right:3px; 
}

.lianxi img{
	width: 36px;
	height: 36px;
	vertical-align: middle;
}

.lianxi a:link, .lianxi a:visited{
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.lianxi a:hover, .lianxi a:active{
	color: #00f;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.footer{
	margin-top:20px; 
}

.devider1{
	margin-top: 40px;
}

.devider2{
	margin-top: 336px;
}

.showImg ul{list-style: none;}
.showImg ul li{float:left; width:198px; height:132px; margin-top: 16px; background-color:#ddd;}
.showImg ul li img{display: block; width: 192px; height: 126px; margin: 3px 3px; }
.middle {margin: 0 6px}
.leftArrow{
	position: absolute;
	left:-40px;
	top:450px;
	background:transparent;
	border: none;
	cursor: pointer;
}
.rightArrow{
	position: absolute;
	right:-23px;
	top:450px;
	background:transparent;
	border: none;
	cursor: pointer;
}

/* footer */
footer{
	width: 625px;
	position: absolute;
	top:850px;
	left:85px;
}

footer header{
	font-size: 20px;
	font-weight: 700;
}

footer label{
	margin-bottom: 5px;
	font-size: 12px;
}

footer input{
	display: block;
	width: 280px;
	height: 35px;
	margin-bottom: 10px;
	font-size: 10px;
	background-color: transparent;
    background: url(../images/profile/footer_02.png) right bottom no-repeat;
	border: none;
}

footer textarea{
	border: none;
	width: 280px;
	height:135px;
	background: transparent url(../images/profile/footer_04.png) right bottom no-repeat;
}

#submit_btn{
	color: #000;
	cursor: pointer;
	font-size: 18px;
	background: url(../images/profile/bgsubmit.png) center no-repeat;
}

.moreInfo{
	width:300px;
}

.footerImg{
	display: block;
	margin: 20px 20px; 
}



